← Back to Home

Butterfly Game

Year: 2025 | Medium: Video Game

Project Summary

The Butterfly Game was created as my final project for my Introduction to Coding & Computer Science class. It is a webpage that runs a simple javascript game.

The player controls a butterfly with their mouse, and uses space to match the colour of balls moving around the screen. There are coloured bars that move up from the bottom of the screen threatening to squish the player, unless they can match its colour and successfully pass through.

Project Link and Player

Click here to open and play the Butterfly Game in a new tab. You can also view the step-by-step progression made to the javascript file here too.

Play just the game below!
Intructions
  • 1. Use the [mouse/trackpad] to fly the butterfly around the canvas.

  • 2. When over a circle, use the [spacebar] to match its colour.

  • 3. Match the colour of the rising bar to destroy it and increase your score.

  • 4. The better your score, the more challenging the game will become! Good luck!

Images

Click on any image to view it fullscreen in a new tab.